<h1>hello world</h1>

<!--<span>
  <span>second page</span>
  <app-home></app-home>
</span>-->

<span appHighlight>Highlight me!</span>

<button
  type="button"
  (click)="condition = !condition" >
  Toggle condition to {{condition ? 'false' : 'true'}}
</button>

<p *appUnless="condition" class="unless a">
  (A) This paragraph is displayed because the condition is false.
</p>

<p *appUnless="!condition" class="unless b">
  (B) Although the condition is true,
  this paragraph is displayed because appUnless is set to false.
</p>

<ul>
  <li><a [routerLink]="'home'">英雄列表</a> </li>
  <li><a [routerLink]="'weapons'">武器库</a> </li>
  <li><hr></li>
  <li><a routerLink="home" routerLinkActive="active" ariaCurrentWhenActive="page">Home Component</a></li>
</ul>

<router-outlet></router-outlet>
